<template>
  <div>
    <el-input v-model="input" placeholder="请输入内容" style="width:40%;margin:30px"></el-input>
    <div style="margin:20px">
        {{this.myAtoi(input)}}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      input: "",
    };
  },
  
  methods: {
    myAtoi(s) {
        console.log(s);
      s = s.trim();
    //   console.log(!s);
       //s空格就是true,非空格就是false
      if (!s || /[a-z]/.test(s[0])) {
        return 0;
      }
   
      const res = parseInt(s);
    //   console.log(res);
    //   console.log(!res);
    // 让以字符开头的字符串，例-op,+ui 变成0
      if (!res) {
        return 0;
      }
      
      const min = Math.pow(-2, 31);
      const max = -min - 1;
      return res < min ? min : res > max ? max : res;
    },
  },
};
</script>

<style>
</style>